<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <title th:text="${overData.manhua.name}"></title>
    <meta name="keywords" th:attr="content=${overData.manhua.name + '_漫画最新章节免费阅读(app下拉式) - 爱看漫画'}"/>
    <meta name="description" th:attr="content=${overData.manhua.name + '_漫画最新章节免费阅读(app下拉式) - 爱看漫画'}" />
    <meta itemprop="url" property="og:url" content="" />
    <meta itemprop="name" property="og:title" th:attr="content=${overData.manhua.name + '_漫画最新章节免费阅读(app下拉式) - 爱看漫画'}" />
    <meta itemprop="image" property="og:image" th:attr="content=${overData.manhuaImg}"/>
    <meta itemprop="actor" property="og:author" th:attr="content=${overData.manhua.author}"/>
    <meta itemprop="uploadDate" property="og:date" th:attr="content=${overData.manhua.updateTime}"/>
    <meta itemprop="description" property="og:description"  th:attr="content=${'爱看漫画为您提供 《' + overData.manhua.name + '》 漫画最新章节免费阅读，页面清爽简洁，让阅读成为一种享受。剧情介绍：' + overData.manhua.remark}" />

    <th:block th:include="include :: manhua('')"/>
    <th:block th:include="include :: cartoon-over-css"/>
    <th:block th:include="include :: manhua-footer"/>
    <style>
    </style>
</head>
<body>
<!-- qq会话 -->
<div id="qqhuijia">
    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2251430102&site=qq&menu=yes"><img alt=""
                                                                                               src="/img/qqq1.png"
                                                                                               id="qqtubiao"
                                                                                               onmouseover="onvser()"
                                                                                               onmouseout="onseout()"></a>
</div>
<!-- 打赏 -->
<div id="div-di">
    <div id="bodydiv">
        <div id="div-x" onclick="switchsrc(4)">×</div>
        <p style="clear: both;"></p>
        <div class="tupian">

            <img src="/img/weihu.jpg" alt="图片">

            <img src="/img/weixinma.png" alt="图片" id="idimgwxzfb">

            <img src="/img/weihu.jpg" alt="图片">

        </div>
        <div style="height: 10%;"></div>
        <div id="id-wx-zfb">
            <div onmouseover="switchsrc(1)" id="idwx">微信</div>
            <div onmouseover="switchsrc(2)" id="idzfb">支付宝</div>
            <div onmouseover="switchsrc(5)" id="qq">QQ</div>
        </div>

    </div>
</div>
<!-- 返回頂部 -->
<div id="dingbu">
    <a><img alt="圖片" src="/img/huojian.gif"></a>
</div>
<!--头部导航栏-->
<header class="homeheader">
    <div class="centre">
        <div class="left"><img src="/img/QQ20210120142128.png" alt="图片"></div>
        <div class="homeheader_centre">
            <li>
                <a href="/manhua/look/index" target="_blank">首页</a>
            </li>

            <li>
                <a href="/manhua/look/classify/quanbu" target="_blank">分类</a>
            </li>

            <li>
                <a href="#" onclick="switchsrc(3)">赞助</a>
            </li>
            <li>
                <a href="/manhua/look/personage" target="_blank">书架</a>
            </li>
            <li>
                <a href="javascript:void(0);" onclick="$.modal.alertWarning('网站上面没有的，可以加QQ群 236318108：@群主，看看能不能爬到。^_^');">QQ群</a>
            </li>

        </div>
        <div class="right"><input type="text" name="search" style="box-sizing:content-box;" id="search"
                                  placeholder="请输入漫画名称.."><a class="searchBtn "></a></div>
        <!--https://tn1-f2.kkmh.com/image/210120/xTyt2sUDM.webp-t.w50.webp.h-->
        <div class="right-img">
            <div>
                <a href="/login" id="login">登录</a>
                <span>|</span>
                <a href="/register" id="register">注册</a>
            </div>
            <!--/img/qqhover.png-->
            <img src="" alt="头像" style="display:none;" onerror="this.src='/img/timg.jpg'; this.οnerrοr=null;">

            <p style="display: none;">
                <a href="javascript:void(0);" onclick="$.modal.alertWarning('还未开放此功能^_^...');">编辑信息</a>
                <a href="/manhua/look/personage">我的收藏</a>
                <a href="/logout">退出登入</a>
            </p>
        </div>
    </div>
</header>
<div style="width: 100%;height: 10px;"></div>
<article>
    <!--第一大行-->
    <div class="all article-1">
        <div class="article-1-left">
            <img src="" alt="" id="theCover" onerror="$.common.errorimg(this)"/>
        </div>
        <div class="article-1-right">
            <h3 id="name"></h3>
            <p class="author">作者：<span id="author"></span></p>
            <p class="else">
                <span>状态:<span id="newZhang"></span></span>
                <span>题材：<span id="countriesName"></span></span>
                <span>更新时间：<span id="updateTime"></span></span>
            </p>
            <p class="newest">最新：<span id="newest"></span></p>
            <p class="introduce">漫画简介：<span id="introduce"></span></p>
            <div class="option-but">
                <a class="btn btn-w-m btn-warning" id="collect">☆ 收藏</a>
                <a class="btn btn-w-m btn-danger" onclick="co_read()">开始阅读</a>
            </div>
        </div>
    </div>
    <!--第二大行-->
    <div class="panel blank-panel">
        <div class="panel-heading">

            <div class="panel-options">
                <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#tab-4">目录：<i class="fa fa-align-justify"></i></a>
                    </li>
                    <li class=""><a data-toggle="tab" href="#tab-5" id="comment-navigation">评论：<i
                            class="fa fa-commenting-o"></i></a>
                    </li>
                    </li>
                </ul>
            </div>
        </div>
        <div class="panel-body">
            <div class="tab-content">
                <div id="tab-4" class="tab-pane active">
                    <div class="switchover">
                        <div>
                            <p class="switchover-left" onclick="order('asc')">正序</p>
                            <p class="switchover-right" onclick="order('desc')">倒序</p>

                        </div>
                    </div>
                    <div class="article-2-1">
                        <!-- <div>
                             <a href="javascript:void(0)">第234章：天真无邪</a>
                         </div>-->
                    </div>
                    <div id="null-Warning"></div>
                </div>

                <div id="tab-5" class="tab-pane" style="clear: both;">
                    <div class="article-2-2-comment">
                        <label class="col-sm-5 control-label">评论：</label>
                        <div class="col-sm-12">
                            <textarea type="text" name="textarea-text" class="form-control"
                                      placeholder="填写想要的评论吧"></textarea>
                            <a class="btn btn-w-m btn-info article-2-2-comment-cilcka" id="textarea-click">评论</a>
                        </div>

                    </div>
                    <div class="comment-box">

                        <!--  <div class="article-2-2">
                              <div class="article-2-2-left">
                                  <img src="https://tn1-f2.kkmh.com/image/210120/xTyt2sUDM.webp-t.w50.webp.h" alt="头像">
                              </div>
                              <div class="article-2-2-right">
                                  <p class="article-2-2-right-name">天真无邪</p>
                                  <p class="article-2-2-right-time">2020-11:12-12:00:00</p>
                                  <p class="article-2-2-right-text"> 邪天真无邪天真无邪天真无邪天真无邪</p>
                                  <p class="article-2-2-right-give"><span id="article-2-2-right-give-numder">2</span>&emsp;<i
                                          class="fa fa-thumbs-o-up" style="cursor: pointer;"></i></p>
                                  <p style="clear: both;">
                                      <span class="article-2-2-right-reply">回复</span>.&emsp;
                                      <span class="article-2-2-right-strip">3条数回复&nbsp;<i class="fa fa-angle-down"></i><i class="fa fa-angle-up"></i></span>
                                  </p>
                                  <div class="article-2-2-right-article-2-2-comment">
                                      <label class="col-sm-5 control-label">回复：</label>
                                      <div class="col-sm-12">
                                      <textarea type="text" name="form-control" class="form-control"
                                                placeholder="填写想要的评论吧。"></textarea>
                                          <a class="btn btn-w-m btn-info article-2-2-comment-cilcka">评论</a>
                                      </div>

                                  </div>
                                  <div class="article-2-2" id="article-2-2">
                                      <div class="article-2-2-left">
                                          <img src="https://tn1-f2.kkmh.com/image/210120/xTyt2sUDM.webp-t.w50.webp.h" alt="头像">
                                      </div>
                                      <div class="article-2-2-right">
                                          <p class="article-2-2-right-name">天真无邪</p>
                                          <p class="article-2-2-right-time">2020-11:12-12:00:00</p>
                                          <p class="article-2-2-right-text"> 邪天真无邪天真无邪天真无邪天真无邪</p>
                                          <p class="article-2-2-right-give"><span id="article-2-2-right-give-numder-1">2</span>&emsp;<i
                                                  class="fa fa-thumbs-o-up" style="cursor: pointer;"></i></p>
                                          <p style="clear: both;">
                                              <span class="article-2-2-right-reply">回复</span>.&emsp;
                                              <span class="article-2-2-right-strip">3条数回复&nbsp;<i class="fa fa-angle-down"></i><i class="fa fa-angle-up"></i></span>
                                          </p>
                                          <div class="article-2-2-right-article-2-2-comment">
                                              <label class="col-sm-5 control-label">回复：</label>
                                              <div class="col-sm-12">
                                      <textarea type="text" name="form-control" class="form-control"
                                                placeholder="填写想要的评论吧。"></textarea>
                                                  <a class="btn btn-w-m btn-info article-2-2-comment-cilcka">评论</a>
                                              </div>

                                          </div>

                                      </div>
                                  </div>

                              </div>
                          </div>-->


                    </div>
                    <p style="clear:both;width: 100%;height: 2px;"></p>
                    <div class="comment_click" id="comment-click">

                    </div>

                </div>
            </div>

        </div>
    </div>

    <!--第三大行-->
    <div class="all article-3">
        <h3>相关推荐</h3>
        <div class="articl-1-2">
            <!-- <div class="articl-1-2-box">
                     <a href="#">
                         <img src="/img/1.jpg" alt="图片">
                         <div >
                             <span class="articl-1-2-box-left">海阔天空</span>
                         </div>
                         <span>封神纪</span>
                     </a>
             </div>-->

        </div>
    </div>
</article>

<footer>
    <div style="width: 100%;height: 100%;display: flex;justify-content: center;flex-direction: column;">
        爱看漫画网站不提供任何上传储存服务，所有内容均来至网络自动采集，且已注明相关资源来源，朋友们如果喜欢，且有支付能力，<br>
        请您一定支持正版，我们收集旨在传播优秀的漫画作品。本站也只是试看，提高作者知名度，<br>
        如果不乐意我们的公益行为，请给我们发邮件。我们将尽快删除。
    </div>

</footer>

<th:block th:include="include :: cartoon-over-js"/>
<script>
    /*百度统计代码*/
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?3f3cd16bc5ac7aa62b5e84829f76e113";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();

    /*306 自动收入*/
    (function(){
        var src = "https://s.ssl.qhres2.com/ssl/ab77b6ea7f3fbf79.js";
        document.write('<script src="' + src + '" id="sozz"><\/script>');
    })();
</script>
<script th:inline="javascript">

    /*基本数据加载*/
    $(function () {
        name_id = location.href.substring(location.href.lastIndexOf("/") + 1);
        let overData = [[${overData}]];
        if (overData != null && overData != '') {
            for (let key in overData) {

                if (key === 'manhua') {
                    manhua(overData[key]);
                } else if (key === 'chapters') {
                    chapte_div.html(data_desc_asc(overData[key]));
                } else if (key === 'recommend') {
                    $(".articl-1-2").html(recommend(overData[key]));
                } else if (key === 'mhChapters') {
                    /*篇章信息*/
                    let code = overData[key].code;
                    let msg = overData[key].msg;
                    if (code === voer_status.num) {
                        div.html(clike);
                    } else {
                        div.text(msg);
                    }
                } else if (key === 'collect') {
                    /*是否收藏*/
                    let collect = $("#collect");
                    if (overData[key] === true) {
                        collect.text('★ 已收藏')
                    } else {
                        collect.text('☆ 收藏')
                    }
                } else if (key === 'nameCount') {
                    /*漫画评论数量*/
                    $("#comment-navigation").prepend(overData[key]);
                } else if(key === "avatar"){
                    $(".right-img div").css("display","none");

                    $(".right-img img")
                        .css("display","block")
                        .attr("src", overData[key]);
                }
            }
        }
    });


</script>

</body>
</html>
